<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">  
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
	<title>${seo.title!''}</title>
  	<meta name="description" content="${seo.describe!''}"/>
    <meta name="keywords" content="${seo.keyword!''}"/>
	<link href="/images/favicon.png" rel="shortcut icon" />
   	<link rel="stylesheet" type="text/css" th:href="@{css/reception/jsmodern.min.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{css/reception/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/reception/style.css}"/>
    <link rel="stylesheet" type="text/css" media="screen and (max-width:1199px)" th:href="@{css/reception/phone.css}"/>
	<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<![endif]-->
	<script>
	var _hmt = _hmt || [];
	(function() {
  		var hm = document.createElement("script");
  		hm.src = "https://hm.baidu.com/hm.js?ee2370df92169848f6c4395d9d488fc1";
  		var s = document.getElementsByTagName("script")[0]; 
  		s.parentNode.insertBefore(hm, s);
	})();
</script>
</head>
<body>
	<div id="solution_course">
		<nav class="nav"></nav>
		<section>
			<div class="sol_course banner">
				<div>
					<img src="images/solution/solution_course_bg1.png" title="少儿体能训练" alt="少儿体能训练">
				</div>
			</div>
			<div class="sol_course_con0 course_con">
				<div class="w1200 clearfloat visible">
					<div class="sol_courses left">
						<h4>ORIFIT体能训练智能系统</h4>
						<p>它不仅能够有效捕捉到运动体各方面的表现能力，如反应时间、速度、敏捷性、协调性等，还能将所得到的数据进行即时反馈。ORIFIT体能训练系统的这种实时评估功能可以有效帮助用户分析他们的运动表现，监测运动水平的进展，并在训练中给予有效反馈。</p>
					</div>
					<div class="sol_coursesImg left paddingLeft60">
						<img src="images/solution/solution_course_jx1.png" title="少儿体能训练" alt="少儿体能训练">
					</div>
				</div>
			</div>
			<div class="sol_course_con1 course_con">
				<div class="w1200 clearfloat visible">
					<div class="sol_course_system right">
						<p>-增强运动专项水平 <br> -增强反应/响应时间 <br> -提高运动员的速度，敏捷，耐力，协调和视觉及空间认知等功能 <br> -追踪和监测运动员的发展，并提供实时反馈 <br> -有助于教练和运动员分析数据</p>
					</div>
					<div class="sol_course_video right">
					    <div class="video">
					        <video src="https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Soldier76_Hero.mp4" id="videoShow" title="" alt=""></video>
					        <span class="VideoBtn">
					        	<img src="images/bo1.png" title="青少儿体能训练智能系统" alt="青少儿体能训练智能系统">
					        </span>
					    </div>
					</div>
				</div>
			</div>
			<div class="sol_course_con1 course_con">
				<div class="w1200 clearfloat visible">
					<div class="sol_courses left">
						<h4>训练课程</h4>
						<p>基于体测数据定制的体能提升训练方案，游戏化的课程更顺应孩子的天性，通过游戏化、非竞争和团队合作的形式让孩子更自主有趣地完成训练。课程融合体育运动及物理治疗方面的科学内容，让训练更加科学、合理、有效。</p>
					</div>
					<div class="sol_coursesImg left paddingLeft60">
						<img src="images/solution/solution_course_jx2.png" title="儿童体能训练" alt="儿童体能训练">
					</div>
				</div>
			</div>
			<div class="sol_course_con2 course_con bg_eee">
				<div class="w1200 clearfloat visible">
					<div class="sol_courses right">
						<h4>第一阶段：协调感知训练</h4>
						<p>协调感知(sensorimotor synchronization)是指个体动作对外部环境节奏在时间上的协调,是运动表现和外界环境的重要枢纽。协调感知是影响个体日常生活和工作的一项重要能力,尤其在音乐、舞蹈、竞技运动等领域。</p>
						<div class="sol_courses_project">
							<span>平衡车/木</span>
							<span>单脚跳</span>
							<span>弹跳</span>
							<span>躲避跑</span>
						</div>
					</div>
					<div class="sol_coursesImg right paddingRight60">
						<img src="images/solution/257323362069774419.jpg" title="协调感知训练" alt="协调感知训练">
					</div>
				</div>
			</div>
			<div class="sol_course_con1 course_con">
				<div class="w1200 clearfloat visible">
					<div class="sol_courses left">
						<h4>第二阶段：运动技能训练</h4>
						<p>运动技能是身体运动与动作协调能力的获得的过程。运动技能良好的孩子可以有更好的自我控制技能，可以更长时间地集中精力，并且可以培养更好身体素质。</p>
						<div class="sol_courses_project">
							<span>奔跑</span>
							<span>跳跃</span>
							<span>跳远</span>
							<span>跳高</span>
							<span>抓/接</span>
							<span>投掷</span>
						</div>
					</div>
					<div class="sol_coursesImg left paddingLeft60">
						<img src="images/solution/539092432397926670.jpg" title="运动技能训练" alt="运动技能训练">
					</div>
				</div>
			</div>
			<div class="sol_course_con2 course_con bg_eee">
				<div class="w1200 clearfloat visible">
					<div class="sol_courses right">
						<h4>第三阶段：专项运动进阶训练</h4>
						<p>结合体测数据与训练成果，针对每个青少儿的不同运动表现和特长，进行更专业、更具针对性的体育技能培养。 </p>
						<div class="sol_courses_project">
							<span>篮球</span>
							<span>足球</span>
							<span>排球</span>
							<span>乒乓球</span>
							<span>羽毛球</span>
							<span>体操</span>
							<span>游泳</span>
						</div>
					</div>
					<div class="sol_coursesImg right paddingRight60">
						<img src="images/solution/6491125894574243911.jpg" title="专项运动进阶训练" alt="专项运动进阶训练">
					</div>
				</div>
			</div>
			<div class="sol_course_con3 course_con">
				<div class="w1200 clearfloat visible container">
					<h4>配套服务</h4>
					<ul class="row">
						<li class="col-lg-auto col-md-3 col-sm-4 col-xs-6">
							<img src="images/solution/262278027752505596.jpg" title="场地设计" alt="场地设计">
							<span>场地设计</span>
						</li>
						<li class="col-lg-auto col-md-3 col-sm-4 col-xs-6">
							<img src="images/solution/430780615707590781.jpg" title="动线规划" alt="动线规划">
							<span>动线规划</span>
						</li>
						<li class="col-lg-auto col-md-3 col-sm-4 col-xs-6">
							<img src="images/solution/247489132502450403.jpg" title="设备安装" alt="设备安装">
							<span>设备安装</span>
						</li>
						<li class="col-lg-auto col-md-3 col-sm-4 col-xs-6">
							<img src="images/solution/255955002669138191.jpg" title="形象塑造" alt="形象塑造">
							<span>形象塑造</span>
						</li>
						<li class="col-lg-auto col-md-3 col-sm-4 col-xs-6">
							<img src="images/solution/145195939318333512.jpg" title="师资训练" alt="师资训练">
							<span>师资训练</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="probation">
				<div class="w1200">
					<dl>
						<dt>免费试用</dt>
						<dd class="left">
							<div class="try">联系人*
								<input type="text" id="name" class="form-control">
							</div>
							<div class="try">机构名称*
								<input type="text" id="email" class="form-control">
							</div>
						</dd>
						<dd class="left">
							<div class="try try_phone">手机号*
								<input type="text" id="phone" class="form-control">
								<span>*手机号码有误，请重填</span>
							</div>
							<div class="try">机构地址*
								<input type="text" id="content" class="form-control">
							</div>
						</dd>
						<button type="button" class="btn btn-default" id="submitAll" data-toggle="modal" data-target="#myModal">立刻申请</button>
					</dl>
					<!-- 弹框 -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-body">
									申请成功
								</div>
								<div class="modal-footer">
									<button type="button" class="btn modal-btn" 
											data-dismiss="modal">关闭
									</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<div class="footer"></div>
		</footer>
	</div>

	<script type="text/javascript" th:src="@{libs/jquery-2.1.0.min.js}"></script>
	<script type="text/javascript" th:src="@{libs/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{libs/jsmodern.min.js}"></script>
    <script type="text/javascript" th:src="@{js/reception/style.js}"></script>
    <script>
        $(function () {
            //视频
            jsModern.video(".video");
            //播放视频
            $(".VideoBtn").click(function () {
                var video = document.getElementById("videoShow");
                video.play();
                $('.VideoBtn').hide();
            })
            //监听视频的播放状态
            var video = document.getElementById("videoShow");
            video.oncanplay = function () {
                $(".VideoBtn").show();
                //$("#video").attr("poster","");
            }
            //视频播放事件
            video.onplay = function () {
                $("#videoShow").attr("poster", "");
                $(".VideoBtn").hide();
            };
            video.onplaying = function () {
                $(".VideoBtn").hide();
            };

            //视频暂停事件
            video.onpause = function () {
                $(".VideoBtn").show();
            };
            //点击视频周围暂停播放图片出现
            video.onclick = function () {
                if (video.paused) {
                    $(".VideoBtn").hide();
                    video.play();
                } else {
                    $(".VideoBtn").show();
                    video.pause();
                }
            };

			var elmArr = [],
			$win = $(window);
			$(".visible").each(function(i,elm){
				$(elm).data("ot",$(elm).offset().top);
				elmArr.push(elm);
			});
			dealClass(1);
			$win.on("scroll",dealClass);

			function dealClass(isRemove){
				var top = $win.height() + $win.scrollTop();
				if(isRemove!=1){
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") <= top){
							$elem.addClass("visible");
							elmArr.splice(i, 1);--i;}
					}
				}else{
					for (var i = 0,$elem; i < elmArr.length; i++){
						$elem = $(elmArr[i]);
						if ($elem.data("ot") >= top){
							$elem.removeClass("visible");
						}
					}
				}
			}
		})
    </script>
</body>
</html>